<html>
		<head>
                <meta charset="utf-8">
				<title>半唐虞美人</title>
                <link href="./mystyle.css" rel="stylesheet"/>
                <style>
                    h1{
						font-size:40px;
						color:purple;
					}
					h2{
						font-size:30px;
						color:violet;
					}
					p{  
                        font-size:18px;
						color:fuchsia;
					}
                    input{
                        font-size:2px;
                        background-color:green;
                        color:orange;                                                 
                    }
                    body{
                        background-color:black;
                    }
                    div{
                        font-size:66px;   
                        color:gray;
                        margin: 200px auto 0 auto;
                        width: 200px;
                        text-align: right;
                        sboder: 3px gray dashed;
                    }
				</style>
		</head>
		<body>
<input type="inputbox" />
<input type="button" onclick="go1();" value="搜索">
        <script>
	   function go1(){
				alert("学海无涯，上下求索");
				alert("一年之计，在于早春");
				alert("腹有诗书，其气自华");
			}
		</script>
<input type="button" onclick="go2();" value="分享">
        <script>
           function go2(){
				alert("分享喜悦，分担烦恼");
				alert("同舟共济，拾柴火高");
				alert("与众乐乐，其乐无穷");
			}
		</script>
<input type="button" onclick="go3();" value="打卡">
        
        <script>    
           function go3(){
				alert("披星戴月，风餐露宿");
				alert("背水一战，破釜沉舟");
				alert("坚持打卡，就是胜利");
			}
        </script>
              <div id="num"  onclick="go4();">0</div >
		<script>
			let number = 1;
			function go4(){
				let num = document.getElementById("num");
				if(number%7==0){ 
                        num.innerHTML="过";              
                }
                else{
                        num.innerHTML = number;
                }
				number=number+1;
			}
        </script>
                <h1>古诗分享</h1>
				<h2>半唐虞美人</h2>
				<p>洞庭波兮木叶下</p>
				<p>帘卷唐风</p>
				<p>不见牡丹花</p>
		</body>
</html>